<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		引入线上音频？
		<!--
			audio 使用音频的标签
				- src 		引入的资源
				- controls  控制面板 （在不同浏览器下，样式会有所不同）
				- autoplay	自动播放
				- preload	预加载
				- muted		静音
				
				- volume	音量(js控制)
				
		-->
		
		<audio src="media/music.mp3" controls autoplay preload muted></audio>
		
		<!--
				兼容多种格式文件的写法
					source标签用于引入资源使用
						- type 规定文件的类型
		-->
		<audio controls="controls">
			<source src="media/ogg.mp3" type="audio/mp3"></source>
			<source src="media/ogg.ogg" type="audio/ogg"></source>
		</audio>
		
		<!--
			格式工厂等压缩工具的默认设置未必适合浏览器使用
			
			浏览器对mp4的编码方式要求的非常严格
			视频编码必须是 H.264
			音频编码必须是： AAC
		-->
		<!--
		  		video 	使用视频的标签
				- src 		引入的资源
				- controls  控制面板 （在不同浏览器下，样式会有所不同）
				- autoplay	自动播放
				- preload	预加载
				- muted		静音
			
		-->
		
		<video controls autoplay="autoplay">
			<source src="media/video.flv"></source>
			<source src="media/video.webm" type="video/webm"></source>
			<source src="media/video.mp4" type="video/mp4"></source>
			
			
		</video>
		
		
	</body>
</html>
